<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="promocionbonoestacionform.title"/></title>
    <meta name="heading" content="<fmt:message key='promocionbonoestacionform.heading'/>"/>
</head>

<spring:bind path="promocionBono.*">
    <c:if test="${not empty status.errorMessages}">
    <div class="error">
        <c:forEach var="error" items="${status.errorMessages}">
            <img src="<c:url value="/images/iconWarning.gif"/>"
                 alt="<fmt:message key="icon.warning"/>" class="icon"/>
            <c:out value="${error}" escapeXml="false"/><br/>
        </c:forEach>
    </div>
    </c:if>
</spring:bind>

<form:form commandName="promocionBono" method="post" action="promocionEstacion.html" onsubmit="return onFormSubmit(this)" id="promocionbonoform">


<form:hidden path="coPromocionBono"/>

<input type="hidden" id = "contadorEstacionesID" name="contadorEstaciones" value="${promocionBono.contador}">

	<ul>
	
	<li>
	<div class="group" style="width:300px">	
		<div>
	        <appfuse:label styleClass="desc" key="promocionbonoform.promociones"/>
			${promocionBono.dePromocionBono}	
		</div>
		
		<div>
	        <appfuse:label styleClass="desc" key="promocionbonoform.desFechaIniVigencia"/>
			${promocionBono.desFechaIniVigencia}
		</div>
		
		<div>
	        <appfuse:label styleClass="desc" key="promocionbonoform.desFechaFinVigencia"/>
			${promocionBono.desFechaFinVigencia}
		</div>
		
		<div>
	        <appfuse:label styleClass="desc" key="promocionbonoform.vaMonto"/>
			<span>S/. ${promocionBono.vaMonto}</span>
		</div>
		
		<div>
	        <appfuse:label styleClass="desc" key="promocionbonoform.deTipoBono"/>
			${promocionBono.deTipoBono}
		</div>	
	</div>
	</li>

	<li >
        <c:set var="buttons">
            
            <c:choose>
		        <c:when test="${promocionBono.coPromocionBono != null }">
		        	<input type="submit" class="button" name="save" id="bSumit" value="<fmt:message key="button.save"/>"/>
		        	<input type="button" class="button" onclick="location.href='<c:url value="/promocionbono/promocionbonoform.html?id="/>${promocionBono.coPromocionBono}'" value="<fmt:message key="button.done"/>"/>
		       		<input type="button" class="button" onclick="location.href='<c:url value="/mainMenu.html"/>'" value="<fmt:message key="button.cancel"/>"/>
		       
		        </c:when>
		        <c:when test="${promocionBono.coPromocionBono == null }">
		        	 </c:when>
		    </c:choose>
        </c:set>
      <c:out value="${buttons}" escapeXml="false"/>
    </li>
    </ul>
    
    
    
    <!-- Tabla Programas -->
<c:if test="${not empty promocionBono.listaEstaciones}">
		<div>
	    <table cellpadding="0" class="table" cellspacing="0" style="width: 600px">
		<thead>
			<tr>
				<th><fmt:message key="promocionbonoestacionlist.cofide" /></th>
				<th><fmt:message key="promocionbonoestacionlist.nombre" /></th>
				<c:choose>
				<c:when test=""></c:when>
				 		<c:otherwise>
						<th scope="col" width="10%"><input type="checkbox" id="chkMarcarTodosID" onclick="marcarTodos()"></th>
						  </c:otherwise>
				</c:choose>
			</tr>
		</thead>
		<tbody id="esacionesbody">				
		<c:forEach items="${promocionBono.listaEstaciones}" var="estaciones" varStatus="procesoStatus">
			<c:choose>
				  <c:when test="${procesoStatus.index % 2 == 0}"><tr class="odd" ></c:when>
				  <c:otherwise><tr class="even" ></c:otherwise>
			</c:choose>
				<td>
				<spring:bind path="promocionBono.listaEstaciones[${procesoStatus.index}].codigoCofide">${status.value}
				<input type="hidden" name="${status.expression}" id="${status.expression}" value="${status.value}"/></spring:bind>
				<spring:bind path="promocionBono.listaEstaciones[${procesoStatus.index}].coEstacion">
				<input type="hidden" name="${status.expression}" id="${status.expression}" value="${status.value}"/></spring:bind>
				</td>
				
				<td>
				<spring:bind path="promocionBono.listaEstaciones[${procesoStatus.index}].id">
				<input type="hidden" name="${status.expression}" id="${status.expression}" value="${status.value}"/></spring:bind>
				
				<spring:bind path="promocionBono.listaEstaciones[${procesoStatus.index}].deEstacion">${status.value}
				<input type="hidden" name="${status.expression}" id="${status.expression}" value="${status.value}"/></spring:bind>
				</td>
				<td>
				<spring:bind path="promocionBono.listaEstaciones[${procesoStatus.index}].estacionBool">
					<c:choose>
						<c:when test="${status.value}">
							<input type="checkbox" name="${status.expression}"
							id="${status.expression}"  onclick="actualizar(${procesoStatus.index})" 
							value="${status.value}" 
							checked="checked" />	
						</c:when>
						<c:otherwise>
						<input type="checkbox" name="${status.expression}"
							id="${status.expression}"  onclick="actualizar(${procesoStatus.index})" 
							value="${status.value}" />
						</c:otherwise>
					</c:choose>						
				</spring:bind>	
				</td>
			</tr>
		</c:forEach>
		</tbody>
		</table>
		</div><br/>
	</c:if>
	<!-- Tabla Programas -->

   
</form:form>
<script type="text/javascript">

function actualizar(indice){

	if (document.getElementById("listaEstaciones[" + indice+"].estacionBool").checked){
		
		document.getElementById("listaEstaciones[" + indice+"].estacionBool").value =true;
	
	} else {
		document.getElementById("listaEstaciones[" + indice+"].estacionBool").value =false;
	}
}
function marcarTodos(){
	
	var  contadorEstacionesID = document.getElementById("contadorEstacionesID").value; 
	
	if (document.getElementById("chkMarcarTodosID").checked){
			for ( z = 0 ;z <contadorEstacionesID;z++){
					document.getElementById("listaEstaciones["+z+"].estacionBool").checked  = true;
					actualizar(z);
					
				}
		} else {
			for ( i = 0 ;i <contadorEstacionesID;i++){
				document.getElementById("listaEstaciones["+i+"].estacionBool").checked = false;
				actualizar(i);
				
			}
			
			}
}
</script>
<v:javascript formName="promocionBono" staticJavascript="false"/>
<script type="text/javascript" src="<c:url value="/scripts/validator.jsp"/>"></script>